<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Table</title>
		<style type="text/css">
			/*.table {
				width: 100%;
				border-collapse: collapse;
				border-spacing: 0;
			}*/
			
			.fixedThead {
				display: block;
				width: 100%;
			}
			
			.scrollTbody {
				display: block;
				height: 262px;
				overflow: auto;
				width: 100%;
			}
			
			/*.table td,
			.table th {
				width: 200px;
				border-bottom: none;
				border-left: none;
				border-right: 1px solid #CCC;
				border-top: 1px solid #DDD;
				padding: 2px 3px 3px 4px
			}
			
			.table tr {
				border-left: 1px solid #EB8;
				border-bottom: 1px solid #B74;
			}*/
			
			thead.fixedThead tr th:last-child {
				color: #FFFF00;
				/*width: 218px;*/
			}
		</style>
	</head>

	<body>
		<table class="table">
			<thead class="fixedThead">
				<tr>
					<td style="width: 200px;">header</td>
					<td style="width: 300px;">header two</td>
				</tr>
			</thead>
			<tbody class="scrollTbody">
				<tr>
					<td style="width: 200px;">fuck 1</td>
					<td style="width: 300px;">fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
				<tr>
					<td>fuck 1</td>
					<td>fuck 2</td>
				</tr>
			</tbody>
		</table>
	</body>

</html>